<template>
  <div class="info-page">
    <!-- tab栏切换 -->
    <el-tabs type="border-card">
      <el-tab-pane label="微信">
        <div class="content">
          <!-- 微信表单 -->
          <el-form
            status-icon
            ref="ruleForm"
            label-width="100px"
            class="demo-ruleForm"
            style="width:60%"
          >
            <el-form-item label="应用ID">
              <el-input></el-input>
            </el-form-item>
            <el-form-item label="企业ID">
              <el-input></el-input>
            </el-form-item>
            <el-form-item label="密钥凭证">
              <el-input></el-input>
            </el-form-item>
            <el-form-item label="发送人">
              <el-input></el-input>
            </el-form-item>
            <el-form-item>
              <el-button type="primary">保存微信</el-button>
            </el-form-item>
          </el-form>
        </div>
      </el-tab-pane>
      <!-- tab栏 -->
      <el-tab-pane label="邮箱">
        <!-- 邮箱表单 -->
        <div class="content">
          <el-form
            status-icon
            ref="ruleForm"
            label-width="100px"
            class="demo-ruleForm"
            style="width:60%"
          >
            <el-form-item label="邮箱账号">
              <el-input></el-input>
            </el-form-item>
            <el-form-item label="邮箱密码">
              <el-input></el-input>
            </el-form-item>
            <el-form-item label="发信人">
              <el-input></el-input>
            </el-form-item>
            <el-form-item label="smtp服务器">
              <el-input></el-input>
            </el-form-item>
            <el-form-item label="smtp端口">
              <el-input></el-input>
            </el-form-item>
            <el-form-item>
              <el-button type="primary">保存邮箱</el-button>
            </el-form-item>
          </el-form>
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.info-page {
  background-color: #fff;
  padding: 30px 100px 195px 100px;

  .content {
    margin-left: 100px;
    margin-top: 20px;
  }
}
</style>